/* 顶部紧凑标题条 */
.header-bar{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-title{ display:flex; align-items:center; gap:6px; }
.brand{ font-weight: 800; font-size: 18px; color: #ffffff; }
.dot{ opacity: .8; }
.hospital{ font-size: 14px; color: rgba(255,255,255,.9); }
.location{ font-size: 14px; color: #ffffff; display:flex; align-items:center; gap:4px; margin-left: 80px;}

/* 紧凑搜索栏 */
.searchbar-compact{ width:330px; margin: 6px auto 0; }
.searchbar-compact .adm-search-bar{ --background: rgba(255,255,255,.2); --border-radius: 16px; }
.searchbar-compact .adm-search-bar-input{ color:#fff; }
.searchbar-compact .adm-search-bar .adm-input{ --color: #fff; }
.searchbar-compact .adm-search-bar .adm-input-element::placeholder{ color: rgba(255,255,255,.8); }

/* 专家问诊选项卡 */
.expert-section{ margin-top: 8px; }
.expert-header{ 
    display: flex; 
    align-items: center; 
    justify-content: space-between; 
    margin-bottom: 12px; 
    padding: 0 4px;
}
.expert-title{ 
    font-size: 16px; 
    font-weight: bold; 
    color: #333; 
}
.expert-arrow{ 
    color: #999; 
    font-size: 14px; 
}

/* 药品分类选项卡 */
.medicine-section{ margin-top: 8px; }
.medicine-header{ 
    display: flex; 
    align-items: center; 
    justify-content: space-between; 
    margin-bottom: 12px; 
    padding: 0 4px;
}
.medicine-title{ 
    font-size: 16px; 
    font-weight: bold; 
    color: #333; 
}
.medicine-more{ 
    color: #999; 
    font-size: 14px; 
    cursor: pointer;
}

/* 科室标签样式 */
.department-tabs .adm-tabs-header{
    border-bottom: 1px solid #f0f0f0;
}
.department-tabs .adm-tabs-tab{
    padding: 8px 16px;
    font-size: 14px;
    color: #666;
    border: none;
    background: transparent;
}
.department-tabs .adm-tabs-tab-active{
    color: #1890ff;
    font-weight: 500;
}
.department-tabs .adm-tabs-tab-line{
    background-color: #1890ff;
    height: 2px;
}

/* 药品分类Tabs样式 */
.medicine-tabs .adm-tabs-header{
    border-bottom: 1px solid #f0f0f0;
}
.medicine-tabs .adm-tabs-tab{
    padding: 8px 16px;
    font-size: 14px;
    color: #666;
    border: none;
    background: transparent;
}
.medicine-tabs .adm-tabs-tab-active{
    color: #1890ff;
    font-weight: 500;
    background: #1890ff;
    color: #fff;
    border-radius: 16px;
    margin: 4px 8px;
}
.medicine-tabs .adm-tabs-tab-line{
    display: none; /* 隐藏默认的下划线 */
}

/* Tab内容区域 */
.tab-content{
    padding: 16px 0;
}

/* 病症列表 */
.disease-list{
    margin-bottom: 20px;
}
.disease-title{
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin-bottom: 12px;
    padding: 0 16px;
}
.disease-grid{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 16px;
}
.disease-tag{
    background: #f5f5f5;
    color: #666;
    padding: 6px 12px;
    border-radius: 16px;
    font-size: 12px;
    border: 1px solid #e8e8e8;
}

/* 查看更多病状按钮 */
.more-diseases{
    text-align: center;
    padding: 16px;
}
.more-diseases-btn{
    --border-radius: 20px;
    --border-color: #1890ff;
    --text-color: #1890ff;
    height: 36px;
    padding: 0 24px;
}

/* 药品列表 - 垂直卡片布局 */
.medicine-list{
    margin-bottom: 20px;
}
.medicine-list .medicine-title{
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 16px;
    padding: 0 16px;
}
.medicine-cards{
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 16px;
}
.medicine-card{
    background: #f8f9fa;
    border-radius: 12px;
    padding: 16px;
    border: 1px solid #e9ecef;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.medicine-card-content{
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.medicine-card-image{
    width: 80px;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e9ecef;
    flex-shrink: 0;
}
.medicine-card-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.medicine-placeholder{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: #f8f9fa;
    color: #6c757d;
    font-size: 12px;
}
.medicine-placeholder.hidden{
    display: none;
}
.medicine-card-info{
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.medicine-card-name{
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 1.4;
    word-break: break-word;
}
.medicine-card-brand{
    font-size: 14px;
    color: #6c757d;
    line-height: 1.3;
    word-break: break-word;
}

/* 药品加载状态 */
.medicine-loading{
    text-align: center;
    padding: 40px 16px;
    color: #999;
}

/* 健康资讯列表 */
.information-section{
    margin-top: 8px;
}
.information-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px; /* 加大与列表的间距 */
    padding: 0 4px;
}
.information-title{
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.information-more{
    color: #999;
    font-size: 14px;
    cursor: pointer;
}
.information-virtual-list{
    height: 504px; /* 6条数据的高度: 84px * 6 = 504px */
    overflow: auto; /* 恢复滚动功能 */
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    background: #fff;
    position: relative; /* 确保定位正确 */
    -webkit-overflow-scrolling: touch; /* 为iOS添加平滑滚动 */
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
.information-list{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.information-item{
    display: flex;
    gap: 12px;
    padding: 12px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #f0f0f0;
    transition: all 0.3s ease;
    /* 移除margin-bottom，因为虚拟列表使用绝对定位 */
    box-sizing: border-box; /* 确保padding不会影响总高度 */
    width: 100%;
    max-width: 100%;
    overflow: hidden; /* 确保内容不会溢出 */
}
.information-item:hover{
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transform: translateY(-1px);
}
.information-image{
    width: 80px;
    height: 60px;
    border-radius: 6px;
    overflow: hidden;
    background: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid #e9ecef;
}
.information-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.information-placeholder{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: #f8f9fa;
    color: #6c757d;
    font-size: 12px;
}
.information-placeholder.hidden{
    display: none;
}
.information-content{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 60px;
}
.information-title-text{
    font-size: 14px;
    font-weight: 600;
    color: #333;
    line-height: 1.4;
    margin: 0 0 8px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.information-meta{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    color: #999;
}
.information-source{
    color: #666;
}
.information-time{
    color: #999;
}
.information-loading{
    text-align: center;
    padding: 40px 16px;
    color: #999;
}
.information-loading-more{
    text-align: center;
    padding: 16px;
    color: #999;
    font-size: 14px;
}

/* 其余样式保持 */
.adm-result-page-header{ align-items: start; }
.title-row{ display:none; }
.subtitle{ display:none; }
.text{ font-weight: bold; font-size: 20px; }
.section-card{ padding: 6px 0; }

/* 调整页面底部间距 */
.adm-result-page {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.adm-result-page-body {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* 强制去掉ResultPage的所有底部间距 */
.adm-result-page * {
  margin-bottom: 0 !important;
}

.adm-result-page-body * {
  margin-bottom: 0 !important;
}

/* 确保健康资讯卡片紧贴底部 */
.information-section {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.information-virtual-list {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* 确保最后一个Card没有底部间距 */
.adm-card:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.action-item{ display:flex; flex-direction:column; align-items:center; }
.action-icon{ width:40px; height:40px; border-radius:50%; display:flex; justify-content:center; align-items:center; margin-bottom:4px; font-size:16px; }
.action-blue{ background-color:#E6F7FF; color:#1890FF; }
.action-orange{ background-color:#FFF7E6; color:#FAAD14; }
.action-green{ background-color:#F6FFED; color:#52C41A; }
.action-title{ margin: 2px 0; font-size: 12px; font-weight: bold; }
.action-desc{ color:#8C8C8C; font-size:10px; }
.highlight{ color:#f86701; }
.dept-item{ display:flex; flex-direction:column; align-items:center; gap:4px; }
.dept-thumb{ width:40px; height:40px; border-radius:8px; overflow:hidden; }
.dept-thumb img{ width:100%; height:100%; object-fit:cover; }
.dept-name{ font-size:10px; text-align:center; }
.span{ font-size: 14px; color: #ccc; }
.p{ width: 90vw; }

/* 视频模块样式 */
.video-section {
  margin-bottom: 16px;
}

.video-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  padding: 0 4px;
}

.video-title {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

.video-more {
  font-size: 12px;
  color: #999;
  cursor: pointer;
}

.video-more:hover {
  color: #1890ff;
}

.video-preview {
  display: flex;
  justify-content: center;
}

.video-placeholder {
  width: 100%;
  height: 120px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
}

.video-placeholder:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(102, 126, 234, 0.3);
}

.video-icon {
  font-size: 32px;
  margin-bottom: 8px;
}

.video-placeholder p {
  margin: 0 0 4px 0;
  font-size: 16px;
  font-weight: 600;
}

.video-desc {
  font-size: 12px;
  opacity: 0.9;
}

/* 病友圈样式 */
.sick-circle-section {
  margin-bottom: 16px;
}

.sick-circle-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  padding: 0 4px;
}

.sick-circle-title {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

.sick-circle-more {
  font-size: 12px;
  color: #999;
  cursor: pointer;
}

.sick-circle-more:hover {
  color: #1890ff;
}

.sick-circle-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sick-circle-loading,
.sick-circle-empty {
  text-align: center;
  padding: 16px;
  color: #999;
  font-size: 14px;
}

.sick-circle-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sick-circle-item {
  padding: 12px;
  background: #f8f9fa;
  border-radius: 8px;
  border: 1px solid #e9ecef;
  cursor: pointer;
  transition: all 0.2s ease;
}

.sick-circle-item:hover {
  background: #f0f0f0;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.sick-circle-item-header {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 8px;
}

.sick-circle-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #e6f7ff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
}

.sick-circle-info {
  flex: 1;
  min-width: 0;
}

.sick-circle-item-title {
  margin: 0 0 4px 0;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sick-circle-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
}

.sick-circle-time {
  color: #999;
}

.sick-circle-bounty {
  padding: 2px 6px;
  border-radius: 10px;
  font-size: 10px;
  font-weight: 500;
}

.sick-circle-detail {
  margin: 0 0 8px 0;
  font-size: 12px;
  color: #666;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sick-circle-stats {
  display: flex;
  gap: 16px;
}

.stat-item {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  color: #999;
  cursor: pointer;
  padding: 2px 4px;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.stat-item:hover {
  background-color: #f0f0f0;
}

.stat-item.loading {
  cursor: not-allowed;
  opacity: 0.7;
}

.stat-item svg {
  font-size: 12px;
  color: #999;
  transition: all 0.3s ease;
}

.stat-item svg.active {
  color: #ff6b6b;
  transform: scale(1.1);
}

.stat-icon {
  font-size: 12px;
}

.sick-circle-actions {
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-top: 8px;
}

.sick-circle-actions .adm-button {
  flex: 1;
  max-width: 120px;
}

/* 医生列表（左图右文） */
.doctor-list{
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0 16px;
  margin-top: 20px;
}
.doctor-card{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 12px;
}
.doctor-avatar{
  width: 60px;
  height: 60px;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
  background: #fff;
  border: 1px solid #e9ecef;
}
.doctor-avatar img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.doctor-info{
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.doctor-name{
  font-size: 15px;
  font-weight: 600;
  color: #333;
  line-height: 1.2;
}
.doctor-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.doctor-title-hospital{
  font-size: 12px;
  color: #666;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.doctor-title{
  font-size: 12px;
  color: #666;
}
.doctor-hospital{
  font-size: 12px;
  color: #999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.doctor-stats{
  font-size: 11px;
  color: #999;
}
.doctor-price{
  color: #fa541c;
  font-weight: 600;
  white-space: nowrap;
}


